<template>
    <div class="beijing">
       
     <div class="beijing1">
        <img src="../assets/主页.png" >
    </div>

    <div class="beijing2">
        <img src="../assets/满记.png">
    </div>
    <div class="bjhzi">
    <div class="beijing3">
        <img src="../assets/背景.png">
        <span><img src="../assets/背景1.jpg"></span>
        <a href=""><img src="../assets/51d7e28ba94fdfe685819cb229a19ff.png" alt=""></a>
    </div>
    <div class="beijing4">
          <ul>
            <li>
                <img src="../assets/index_about_p5.png" >
                <span><img src="../assets/index_about_p6.png" ></span>
            </li>
            
          </ul>
           <p>  我们一直谨从以心调配，坚持手造甜品的理念，<br><br>
               严选优质，时令的食材，结合新颖，巧妙的意念，<br><br>
               透过认真，细致的烹饪煮，奉上滋味，窝心的甜品。</p>
          
           <p class="beijing5"><img src="../assets/index_about_p8.png" style="width: 23%; margin-top: -240px; margin-left: 650px;"></p>
          <a><img src="../assets/index_about_p7.png" style="width: 75%;"></a>
         <div class="beijing6">
            <q><img src="../assets/19ab32f22aa78e30303521a4e3aaa1f.png" alt=""></q>
             
         </div>
               <li style="font-size: 50px;position: absolute;top: 1110px; left: 600px; color: #9e822f; list-style-type:none; ">&nbsp;&nbsp;&nbsp;&nbsp;最新消息
               <br> <span style="color: #fef21d; font-size: 60px;">what's new</span>
             </li>
        <div class="beijng6">

              <div class="beijing7">
                 <ul>
                    <li>
                      <img src="../assets/28.jpg">
                    </li>
                    <li style="margin-top: 400px; font-size: 20px;">
                        今年有满记手作「家汤圆」同您过中秋~~ 幼滑流心芝麻同花生馅料! 全线满记有售 （昂坪及海港分店除外）
                    </li>
                 </ul>
              </div>
              <div class="beijing8">
                <ul>
                    <li>
                      <img src="../assets/29.jpg">
                    </li>
                    <li style="margin-top: 400px; font-size: 20px;">
                        满记推出全新枫麦彩虹芭菲，5月4日起全线上市 (南昌及APM分店除外)
                    </li>
                 </ul>
              </div>
              <div class="beijing9">
                <ul>
                    <li>
                        <img src="../assets/30.jpg">
                    </li>
                    <li style="margin-top: 400px; font-size: 20px;">
                        满记新推出桂花甜品，有桂花黑糖桃胶芋圆、桂花酒酿炖奶，桂花香气扑鼻而来。…
                    </li>
                 </ul>
              </div>
        </div>
    </div>
</div>
    </div>
    
    
</template>
<script>
export default{
    name:"childA",
}
</script>
<style scoped>
*{margin: 0%;
  padding: 0%;
}
.beijing1 img{
        position: absolute;
        top: -700px;
         width: 100%;  
        color: #fef21d;
}
.beijing2 img{
        position: absolute;
        left: 180px;
    
}
.beijing3  img {
        width: 100%;
        position: absolute;
        top: 110px;
        left: 0px;
        background-color: wheat;
}
.beijing3 span img{
        width: 32%;
        margin-left: 530px;
        margin-top: 80px;
}
.beijing3 a img{
        width: 70%;
        margin-left: 200px;
        margin-top: 200px;
}
.beijing4 ul img{
         position: absolute;
         top: 750px;
         left: 300px;
}
.beijing4 ul span img{
         position: absolute;
         top: 800px;
         left: 350px;
}
.beijing4 p{
     font-size: 20px;
     position: absolute;
     top: 900px;
     left: 300px;
     font-family:楷体;
     color:rgb(54, 31, 1)
}
.beijing4 a{
       position: absolute;
       top: 730px;
       left: 880px;
       transform: rotate(-10deg);
}
.beijing5 {
    position: absolute;
       top: 800px;
       left: 900px;
       transform: rotate(20deg);
}
.beijing6 q img{width: 100%;
            position: absolute;
             top: 1080px;
             left: 0px;
             opacity:0.5;
}
.beijng6{ width:1300px ;
         height:700px ;
         border: 1px solid red;
         list-style-type:none;
         position: absolute;
         top: 1300px;
         left: 120px;
}
.beijing7 ul{
            border: 1px solid red;
            list-style-type:none;
             width: 22%;
             height: 560px;
             position: absolute;
             top: 20px;
             left: 60px;
             border-radius: 25px;
}
.beijing7 li img{
          width: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          border-radius: 25px 25px 0px 0px;
          
}
.beijing8 ul{
            border: 1px solid red;
            list-style-type:none;
             width: 22%;
             height: 560px;
             position: absolute;
             top: 20px;
             left: 480px;
             border-radius: 25px;
}
.beijing8 li img{
          width: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          border-radius: 25px 25px 0px 0px;
}
.beijing9 ul{
            border: 1px solid red;
            list-style-type:none;
             width: 22%;
             height: 560px;
             position: absolute;
             top: 20px;
             left: 900px;
             border-radius: 25px;
}
.beijing9 li img{
          width: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          border-radius: 25px 25px 0px 0px;
}

</style>